{% extends "../_base/layout.html" %} 
{% block css %}
<link rel="stylesheet" href="{{site.static}}/css/findPwd.css"> 
{% endblock %} 

{% block js %}
<script src="{{site.static}}/js/findPwd/findPwd.js"> </script>
{% endblock %} 

{% block content %}

<div class="page-container password-page-container">
    <div class="findpwd-member-input step-wrap" id="step_first">
        <div class="back-icon-wrap">
            <a class="eui-icon eui-icon-back" href="javascript:history.go(-1);"></a>
        </div>
    
        <h1 class="eui--blue-color eui--font-w-normal eui--font-48 eui--text-center page-title eui--margin-b-88">{{__("findpwd_member_input_tips")}}</h1>
        
        <form class="eui-login-form">
            <div class="eui-form-group">
                <label for="name" class="eui-lable eui--font-26">
                    {{__("login_account_name")}}
                </label>
                <input class="eui-input eui--font-26" type="text" placeholder='{{__("findpwd_member_input_tips")}}'>
            </div>
            <a id="btn_first_step" class="btn-step eui-btn eui--width-100 eui-btn-lg eui-btn-primary" href="javascript:;">{{__("btn_next")}}</a>
        </form>
    </div>

    <div class="findpwd-member-chooseWay step-wrap eui--hide" id="step_second">
        <div class="back-icon-wrap">
            <a class="btn-back eui-icon eui-icon-back" href="javascript:;"></a>
        </div>
    
        <h1 class="eui--blue-color eui--font-w-normal eui--font-48 eui--text-center eui--margin-t-20">{{__("findpwd_chooseway_page_tittle")}}</h1>
    
        <p class="eui--556c96-color eui--font-26 page-title-nav">{{__("findpwd_chooseway_page_tips_1")}}"<span class="member-name eui--black-color"></span>"{{__("findpwd_chooseway_page_tips_2")}}</p>
        <div class="eui-media eui--font-26">
            <a class="btn-step eui-media-object eui--display-b phone-media-object active" href="javascript:;">
                <p>{{__("findpwd_chooseway_page_way_1")}}</p>
                <p>60-112**223</p>
            </a>
            <a class="btn-step eui-media-object eui--display-b email-media-object" href="javascript:;">
                <p>{{__("findpwd_chooseway_tips_1")}}</p>
            </a>
        </div>
    </div>
     
    {% block phoneCode %} 
    {% include "../common/findPwd/phoneCode.html" %} 
    {% endblock %}
    
    {% block setPwd %} 
    {% include "../common/findPwd/setPwd.html" %} 
    {% endblock %}

    <div class="page-footer eui--font-26 eui--text-center">
        <p class="eui--first-child">
            <a href="/findPwd/phone" class="eui--556c96-color" id="phone_enter">{{__("findpwd_to_phone")}}</a>        
        </p>
        <a href="/login/question?redictUrl=/findPwd/member" class="eui--display-b eui--556c96-color">{{__("login_help")}}</a>
    </div>
</div>
{% endblock %}